/* 
    Document   : main
    Created on : Feb 22, 2012, 4:18:14 PM
    Author     : inahbanana
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    
    background-color: #ADEAEA;
    
}

#maincontainer{
        
        padding-top: 10px;
        position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 567px;
	background:white;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
        float:left;
        
       
}

#BestSellersContainer{
    
    margin-top: 20px;
    margin-left: 50px;
    width: auto;
}

label{
    
    margin-top: 50px;
    margin-left: 30px;
    font-size: 20px;
    font-family: sans-serif;
    
}

#booksellerbook{
    
    width:auto;
}
#header{
    
    position:relative;
    margin: 0 auto;
    width: 900px;
    height: 180px;
    /*padding:1em;*/
   /* background:#1d1c1b;*/
    background-image: url('foobanner.jpg');
    background-repeat: no-repeat;
    background-color: #030306;
    border-bottom:6px double #1d1c1b;
}

#footer{
    width:900px;
    height: 2em;
    clear: both;
    background-color: #030306;
    margin-top: 30px;
}

.a{
    
   
    z-index: 1000;
}
#welcome{
    
    float: right;
    font-size:15px;
    font-family: arial;
    margin:0 auto;
    
}



/* for featured */

.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
clear:both;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}

.details{
    
    font-family: arial;
    font-size: 12px;
}


.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -2em;
width: 900px;
}


#adminLoginpage{
    
    width: 500px;
    height: 180px;
    background-color: #FF6a00;
    font-size: 15px;
    font-family: arial;
}

#center{
    
    width: auto;
    height: auto;
    background-color: white;
}

#label tab{
    
    font-size:small;
    font-family: arial;
}